<script setup lang="ts">
import BlockHead from './block-head.vue'

import img1 from './item-four-icon-1.png'
import img2 from './item-four-icon-2.png'

import ItemFourItem from './item-four-item.vue'

defineOptions({
  name: 'ItemFour',
})

defineProps<{
  data1: { title: string, value: any }
  data2: { title: string, value: any }
}>()
</script>

<template>
  <div class="w-full flex flex-auto flex-col">
    <BlockHead title="本年产量数据看板" />
    <div class="block-body h-70 w-full flex flex-auto flex-col justify-around overflow-auto py-4">
      <ItemFourItem class="w-1/2" :img="img1" :title="data1.title" :value="data1.value" />
      <ItemFourItem class="w-1/2" :img="img2" :title="data2.title" :value="data2.value" />
    </div>
  </div>
</template>
